<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>欢迎登录后台管理系统</title>
    <link href="/resources/css/style.css" rel="stylesheet" type="text/css"/>
    <script src="/resources/js/jquery-1.12.0.min.js"></script>
    <script src="/resources/js/cloud.js"></script>
    <style>
        body {
            background-color: #1c77ac;
            background-image: url(resources/images/light.png);
            background-repeat: no-repeat;
            background-position: center top;
            overflow: hidden;
        }
    </style>

    <script language="javascript">
        $(function () {
            $('.loginbox').css({'position': 'absolute', 'left': ($(window).width() - 692) / 2});
            $(window).resize(function () {
                $('.loginbox').css({'position': 'absolute', 'left': ($(window).width() - 692) / 2});
            })
        });
    </script>

</head>

<body>
<div id="mainBody">
    <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
</div>


<div class="logintop">
    <span>欢迎登录后台管理界面平台</span>
    <ul>
        <li><a href="#">回首页</a></li>
        <li><a href="#">帮助</a></li>
        <li><a href="#">关于</a></li>
    </ul>
</div>

<div class="loginbody">

    <span class="systemlogo"></span>

    <div class="loginbox">

        <ul>
            <li><input name="" type="text" class="loginuser" value="admin" onclick="JavaScript:this.value=''"/></li>
            <li><input name="" type="text" class="loginpwd" value="密码" onclick="JavaScript:this.value=''"/></li>
            <li><input name="" type="button" class="loginbtn" value="登录"
                       onclick="javascript:window.location='main.html'"/><label><input name="" type="checkbox" value=""
                                                                                       checked="checked"/>记住密码</label><label><a
                    href="#">忘记密码？</a></label></li>
        </ul>


    </div>

</div>


<div class="loginbm">版权所有 2013 uimaker.com 仅供学习交流，勿用于任何商业用途</div>
</body>
</html>